$(function () {
    getCateList()
    function getCateList() {
        axios({
            method: 'GET',
            url: '/my/cate/list'
        }).then(function (res) {
            console.log(res)
            if (res.data.code !== 0) {
                return layui.layui.msg(res.data.message)
            }
            var list = []
            res.data.data.forEach(function (item) {
                list.push(`
                    <tr>
                        <th>${item.cate_name}</th>
                        <th>${item.cate_alias}</th>
                        <th>
                            <button type="button" class="layui-btn layui-btn-xs" id="btn-edit" data-id="${item.id}">编辑</button>
                            <button type="button" class="layui-btn layui-btn-xs layui-btn-danger" id="btn-del" data-id="${item.id}">删除</button>
                        </th>
                    </tr>
                `)
            })
            $('tbody').html(list)
        })
    }

    var index
    $('#addCate').on('click', function () {
        index = layui.layer.open({
            type: 1,
            area: ['400px', '260px'],
            title: '添加手机分类',
            content: $('#template-add').html()
        })
    })

    layui.form.verify({
        name: [/^\S{1,10}$/, '分类名称须为1-10位的非空字符'],
        alias: [/^[a-zA-Z0-9]{1,15}$/, '分类别名须为1-15的数字和字母']
    })

    $('body').on('submit', '#addCate_form', function (e) {
        e.preventDefault()
        axios({
            method: 'POST',
            url: '/my/cate/add',
            data: $(this).serialize()
        }).then(function (res) {
            if (res.data.code !== 0) {
                return layui.layer.msg('添加分类失败')
            }
            layui.layer.msg('添加分类成功')
            layui.layer.close(index)
            getCateList()
        })
    })

    var editIndex
    $('tbody').on('click', '#btn-edit', function () {
        var id = $(this).attr('data-id')
        console.log(id)
        if (id === '1' || id === '2') {
            return layui.layer.msg('管理员禁止修改')
        }
        axios({
            method: 'GET',
            url: '/my/cate/info',
            params: { id: id }
        }).then(function (res) {
            if (res.data.code !== 0) {
                return layui.layer.msg('数据获取失败')
            }
            layui.form.val('form-edit', res.data.data)
        })

        editIndex = layui.layer.open({
            type: 1,
            area: ['400px', '260px'],
            title: '编辑手机分类',
            content: $('#dialog-edit').html()
        })
    })
    $('body').on('submit', '#form-edit', function (e) {
        e.preventDefault()
        axios({
            method: 'PUT',
            url: '/my/cate/info',
            data: $(this).serialize()
        }).then(function (res) {
            if (res.data.code !== 0) {
                return layui.layer.msg('更新分类失败')
            }
            layui.layer.msg('更新分类成功')
            layui.layer.close(editIndex)
            getCateList()
        })
    })
    $('tbody').on('click', '#btn-del', function () {
        var id = $(this).attr('data-id')
        if (id === '1' || id === '2') {
            return layui.layer.msg('管理员禁止删除')
        }
        layer.confirm('是否删除该分类?', { icon: 3, title: '提示' }, function (index) {
            axios({
                method: 'DELETE',
                url: '/my/cate/del',
                params: { id: id }
            }).then(function (res) {
                if (res.data.code !== 0) {
                    return layui.layer.msg('删除分类失败')
                }
                layui.layer.msg('删除分类成功')
                getCateList()
            })
            layer.close(index);
        });
    })
})